<template>
    <div>
       <!-- 导航栏 -->
        <!-- 卡片 -->
       <van-nav-bar title="个人中心" fixed/>
        <van-card
  title="topMaker"
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
  style="width: 100%; height: 200px ;margin-top: 4rem;"
/>
<van-grid column-num="5">
  <van-grid-item icon="comment-o" text="全部订单" />
  <van-grid-item icon="envelop-o" text="代付款" />
  <van-grid-item icon="cart" text="待收货" />
  <van-grid-item icon="notes-o" text="待评价" />
  <van-grid-item icon="upgrade" text="售后" />
</van-grid>
<van-cell-group inset>
  <van-cell title="地址管理" />
  <van-cell title="我的优惠卷" />
  <van-cell title="优先购买码" />
</van-cell-group>
<br>
<van-cell-group inset>
  <van-cell title="常见问题" />
  <van-cell title="服务支持" />
</van-cell-group>
<van-cell-group inset>
  <van-cell title="地址管理" />
  <van-cell title="我的优惠卷" />
  <van-cell title="优先购买码" />
</van-cell-group>


<van-tabbar v-model="active">
  <van-tabbar-item icon="home-o">标签</van-tabbar-item>
  <van-tabbar-item icon="search">标签</van-tabbar-item>
  <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
</van-tabbar>


    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>

</style>